

<%-- 
    Document   : newjsp
    Created on : 8/04/2010, 07:49:59 PM
    Author     : aturo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@page import = "java.util.*" %>
<%@page import = "Modelo.*" %>

<jsp:useBean id="encuesta" scope="request" class="Modelo.Encuesta" />

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>

       	<script  type="text/javascript" src="<%=request.getContextPath()%>/jQuery/development-bundle/ui/ui.core.js"></script>
       	<script  type="text/javascript" src="<%=request.getContextPath()%>/jQuery/development-bundle/ui/ui.draggable.js"></script>
       	<script  type="text/javascript" src="<%=request.getContextPath()%>/jQuery/development-bundle/ui/ui.droppable.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/jQuery/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/jQuery/js/jquery-ui-1.7.2.custom.min.js"></script>

        <style type="text/css">
            #listaOrigen { float: left; width: 40%; min-height: 12em;} * html .lista { height: 12em; } /* IE6 */
            .item { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
            #listaDestino { float: right; width: 32%; min-height: 18em; padding: 1%; background: gray} * html #trash { height: 18em; } /* IE6 */
            .titulo{background: white; text-align: center}
        </style>



        <script  type="text/javascript">
            $(document).ready(function(){
                $(".item").draggable({helper: 'clone' , cursor: 'move'});

           

                $(".lista").droppable({
                    accept: ".item",
                    drop: function(ev, ui) {
                        // Añado el objeto origen a la lista destino
                        $(this).append($(ui.draggable));
                    }
                });

                $("#botonResultado").click(function () {
                    var salida = "";
                    $('.lista li').each(function () {
                        salida += $(this).parent().attr('id') + " : " + $(this).html() + "\n";
                    });

                    alert(salida);
                });
            });
        </script>
    </head>
    <body>

        <ul class="lista" id="listaOrigen">
            <%
//
                        //                          String id = "1";
                        String idproyecto = "1";
                        Long id = Long.valueOf(idproyecto);
                        Proyecto proyecto = new Proyecto();
                        proyecto = proyecto.findProyecto(id);

                        //                        Long idx = Long.valueOf(id);

                        List resultado = encuesta.fndAllPetsByName("SELECT all ID, DESCRIPCION, MENSAJE, NOMBRE, FECHA from  ENCUESTA");

                        Iterator iterador = resultado.iterator();
                        Encuesta enc;

                        while (iterador.hasNext()) {
                            enc = (Encuesta) iterador.next();




            %>
            <li class="item"> <%=enc.getNombre()%></li>
            <%
                        }
            %>
        </ul>

        <ul class="lista" id="listaDestino">
            <h4 class="titulo"> <%=proyecto.getNomnbre()%></h4>
        </ul>

        <input type="button" id="botonResultado" value="ver datos">

    </body>
</html>
